<template>
    <d-row justify="center">
        <d-col :xxl="15" :xl="15" :lg="18" :md="18" :sm="18" :xs="18">
            <d-row justify="around" wrap align="middle" class="wrap-reverse" type="flex">
                <d-col flex="auto">
                    <banner-block></banner-block>
                </d-col>
                <d-col flex="320px">
                    <img class="logo" src="../../../assets/images/Lighthouse-pana.png"/>
                </d-col>
            </d-row>
        </d-col>
    </d-row>
</template>
<style lang="scss">
.logo{
    width: 100%;
    height: 100%;
}
.wrap-reverse{
    flex-wrap: wrap-reverse;
}
</style>
<script lang="ts" setup>
import bannerBlock from './index-banner-block.vue';
</script>